import React from 'react'
import EIPCarousel from './Carousel';
import { Scrollbars } from 'react-custom-scrollbars';
import Small from './Small';
import {Row, Col} from 'antd';
import Notice from './Notice'
import Activity from './Activity'
import './Index.css'



class Distribution extends React.Component{
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <Row id="eip-index" gutter={[18]} style={{height:"100%"}}>
                <Col lg={19}>
                    <EIPCarousel></EIPCarousel>
                    <div className="noticeAndActivity" style={{marginTop: "1.5rem"}}>
                        <Row gutter={20}>
                            <Col span={12}>
                                <Notice></Notice>
                            </Col>
                            <Col span={12}>
                                <Activity></Activity>
                            </Col>
                        </Row>
                    </div>
                </Col>
                <Col id="small-images" lg={5} style={{paddingRight:"1.3rem"}}>
                    <Small ></Small>
                </Col>
            </Row>
        )
    }
}

const Index = () => {
    return (
        <Distribution></Distribution>
    );
}

export default Index
